<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>CONVERSE匡威官方网站,美国著名帆布鞋品牌,辉煌历史创于1908年,代表永恒不灭的原创力。匡威官网独家限量发售匡威帆布鞋,板鞋,T恤衫,卫衣,外套夹克,牛仔裤,短裤,双肩包等匡威产品,街头潮流,滑板文化,匡威为你提供全面的装备。</title>

    <link rel="shortcut icon" href=" favicon.ico" />
   <link rel="stylesheet" href="./css/header.css">
   <link rel="stylesheet" href="./css/CONVERSE.css">
    <link
      rel="stylesheet"
      href="http:////at.alicdn.com/t/font_2733095_f9zf7yqw5l.css"
    />
  </head>
  <body>
    <!-- 头部 -->
  
    <div class="header">
    <div class="header-content">
        <a href="http://127.0.0.1/kv/CONVERSE.html">
        <i class="iconfont icon-CONVERSELOGO"></i> 
        </a>
        <span> 
          <a href="http://127.0.0.1/kv/help.html">
            <i class="iconfont icon-bangzhu"></i> </a>
        </span>
        <span>
        <i class="iconfont icon-sousuo"></i>
        </span>
        <span>
        <i class="iconfont icon-liaotian"></i> 
        </span>
        <span>
        购物车
        </span>
        
        <span>
        <i class="iconfont icon-denglu"></i> 
        </span>
        <span style="margin-right: -40px;"><a href="http://127.0.0.1/kv/login.html">登录 /</a> <a href="http://127.0.0.1/kv/register.html">注册</a></span>
    </div>
    <div class="header-box"></i></div>
    </div>
   
    <nav id="nav-top"></nav>
    <div class="nav-bottom">
      因疫情、暴雨天气等影响，发往河南、新疆、云南、广东、江苏等部分地区暂停揽收或配送有所延迟，联系客服了解详情，给您带来不便敬请谅解。
    </div>
    <!-- 轮播图 -->
    <div class="banner">
              
      <ul class="imgss">
                 
        <li><img src="./img/PC小程序.jpg" /></li>
        <li><img src="./img/PC.jpg" /></li>
        <li><img src="./img/pcsq.jpg" /></li>
        <li><img src="./img/KV_PC.jpg" /></li>
        <li><img src="./img/CXKVBS.jpg" /></li>
        <li><img src="./img/colorpoppc.jpg" /></li>
        <input class="input1" type="button" value="<" />
         <input class="input2" type="button" value=">" />
                
      </ul>
       <div class="lb-title">           
      <ul class="tabs">
                     
        <li class="tab">腰果花系列</li>
                     
        <li class="tab">花花夏日</li>
                     
        <li class="tab">CONVERSE一键购</li>
                     
        <li class="tab">CHUCK70夏日旅行</li>
                     
        <li class="tab">CX未来系列</li>
                     
        <li class="tab">无彩色快 </li>
                 
      </ul>
    </div>  
          </div>
    <div class="main-body">
      <div class="main-body-title">
        <img src="./img/热卖单品.png">
      </div>
      <div class="main1">
        <ul class="main1-ul">
            <!-- <li>
                <span>男的踩得</span>
                <img src="./img/top1.jpg" alt="">
            </li>
            <li>
                <span>女的踩得</span>
                <img src="./img/top2.jpg" alt="">
            </li>
            <li>
                <span>穿的</span>
                <img src="./img/top3.jpg" alt="">
            </li>
            <li>
                <span>戴的</span>
                <img src="./img/top4.jpg" alt="">
            </li> -->
        </ul>
    </div>
    <div class="main2">
      <ul>
        <li>
          <img src="./img/01.png" alt="" />
          <p>【男女同款】Chuck 70</p><br />
          <p>￥599.00</p>
          <span>&nbsp;</span>
        </li>
        <li>
          <img src="./img/02.png" alt="" />
          <p>【男女同款】Chuck 70</p><br />
          <p><del>￥649.00</del></p>
          <span>￥539.00</span>

        </li>
        <li>
          <img src="./img/03.png" alt="" />
          <p>【男女同款】Chuck 70</p><br />
          <p><del>￥749.00</del></p>
          <span>￥549.00</span>
        </li>
        <li>
          <img src="./img/04.png" alt="" />
          <p>【男女同款】Chuck 70</p><br />
          <p><del>￥599.00</del></p>
          <span>￥549.00</span>
        </li>
      </ul>
    </div>
    <div class="main2" style="border-top:1px solid #b7b7b7;">
      <ul>
        <li>
          <img src="./img/05.png" alt="" />
          <p>【男女同款】Chuck 70</p><br />
          <p><del>￥549.00</del></p>
          <span>￥495.00</span>
        </li>
        <li>
          <img src="./img/06.png" alt="" />
          <p>【男女同款】one star</p><br />
          <p>￥599.00</p>
          <span>&nbsp;</span>
        </li>
        <li>
          <img src="./img/07.png" alt="" />
          <p>【男女同款】Chuck star</p><br />
          <p><del>￥399.00</del></p>
          <span>￥359.00</span>
        </li>
        <li>
          <img src="./img/08.png" alt="" />
          <p>【男女同款】Chuck 70</p><br />
          <p>￥549.00</p>
          <span>&nbsp;</span>
        </li>
      </ul>
    </div>
    <div class="new-input">
      <p>查看所有穿的最新商品&nbsp;&gt;</p>
    </div>
    </div>
    <div class="new-products">
      <div class="main-body-title">
        <img src="./img/新品热荐.png">
      </div>
      <div class="main2" >
        <ul>
          <li>
            <img src="./img/1.png" alt="" />
            <p>【男女同款】Chuck 70</p><br />
            <p><del>￥479.00</del></p>
            <span>￥459.00</span>
          </li>
          <li>
            <img src="./img/2.png" alt="" />
            <p>【男女同款】one star</p><br />
            <p>￥599.00</p>
            <span>&nbsp;</span>
          </li>
          <li>
            <img src="./img/3.png" alt="" />
            <p>【男女同款】Chuck star</p><br />
            <p><del>￥399.00</del></p>
            <span>￥359.00</span>
          </li>
          <li>
            <img src="./img/02.png" alt="" />
            <p>【男女同款】Chuck 70</p><br />
            <p>￥549.00</p>
            <span>&nbsp;</span>
          </li>
        </ul>
      </div>
      <div class="main2" style="border-top:1px solid #b7b7b7;">
        <ul>
          <li>
            <img src="./img/4.png" alt="" />
            <p>【男女同款】Chuck 70</p><br />
            <p><del>￥549.00</del></p>
            <span>￥495.00</span>
          </li>
          <li>
            <img src="./img/5.png" alt="" />
            <p>【男女同款】one star</p><br />
            <p>￥599.00</p>
            <span>&nbsp;</span>
          </li>
          <li>
            <img src="./img/6.png" alt="" />
            <p>【男女同款】Chuck star</p><br />
            <p><del>￥399.00</del></p>
            <span>￥359.00</span>
          </li>
          <li>
            <img src="./img/7.png" alt="" />
            <p>【男女同款】Chuck 70</p><br />
            <p>￥549.00</p>
            <span>&nbsp;</span>
          </li>
        </ul>
      </div>
      <div class="main2" style="border-top:1px solid #b7b7b7;">
        <ul>
          <li>
            <img src="./img/8.png" alt="" />
            <p>【男女同款】Chuck 70</p><br />
            <p><del>￥549.00</del></p>
            <span>￥495.00</span>
          </li>
          <li>
            <img src="./img/9.png" alt="" />
            <p>【男女同款】one star</p><br />
            <p>￥599.00</p>
            <span>&nbsp;</span>
          </li>
          <li>
            <img src="./img/10.png" alt="" />
            <p>【男女同款】Chuck star</p><br />
            <p><del>￥399.00</del></p>
            <span>￥359.00</span>
          </li>
          <li>
            <img src="./img/11.png" alt="" />
            <p>【男女同款】Chuck 70</p><br />
            <p>￥549.00</p>
            <span>&nbsp;</span>
          </li>
        </ul>
      </div>
      <div class="main2" style="border-top:1px solid #b7b7b7;">
        <ul>
          <li>
            <img src="./img/12.png" alt="" />
            <p>【男女同款】Chuck 70</p><br />
            <p><del>￥549.00</del></p>
            <span>￥495.00</span>
          </li>
          <li>
            <img src="./img/13.png" alt="" />
            <p>【男女同款】one star</p><br />
            <p>￥599.00</p>
            <span>&nbsp;</span>
          </li>
          <li>
            <img src="./img/14.png" alt="" />
            <p>【男女同款】Chuck star</p><br />
            <p><del>￥399.00</del></p>
            <span>￥359.00</span>
          </li>
          <li>
            <img src="./img/15.png" alt="" />
            <p>【男女同款】Chuck 70</p><br />
            <p>￥549.00</p>
            <span>&nbsp;</span>
          </li>
        </ul>
      </div>
    </div>
    <div class="specialfeature"> 
      <div class="special-title">
       <p><img src="./img/icon.png" alt="" /></p>
      <p>街头新型</p>
    </div>
    <div class="special-top">
      <ul>
        <li>
          <img src="./img/1_夏日色彩.jpg" alt="" />
          <h1>夏日色彩</h1>
          <p>查看更多&gt;</p>
        </li>
        <li>
          <img src="./img/2_简约运动.jpg" alt="" />
          <h1>简约运动</h1>
          <p>查看更多&gt;</p>
        </li>
      </ul>
    </div>
  
  </div></div>
    <div class="specialfeature2"> 
      <div class="special-title2">
      <p><img src="./img/icon.png" alt="" /></p>
      <p>智库精选 玩转潮流</p>
    </div>
    <div class="special-bottom">
      <ul>
        <li>
          <img src="./img/1_all star.jpg" alt="" />
          <p>ALL star夏日新色</p>
          <p>查看更多&nbsp;&gt;</p>
        </li>
        <li>
          <img src="./img/2_chuck70.jpg" alt="" />
          <p>CHUCK夏日新色</p>
          <p>查看更多&nbsp;&gt;</p>
        </li>
        <li>
          <img src="./img/3_童鞋系列.jpg" alt="" />
          <p>童鞋系列</p>
          <p>查看更多&nbsp;&gt;</p>
        </li>
      </ul>
    </div></div>
    <div class="follow">
      <h1>关注CONVERSE
      </h1>
      <p>Converse同时活跃在各类社交网络平台，点击下列你所喜爱的常用社交平台，密切关注Converse的最新产品与资讯。
      </p>
      <a href=""> 
        <i class="iconfont icon-microblog-copy"></i> 
      </a>
      &nbsp;&nbsp;&nbsp;
      <a href="">
        <i class="iconfont icon-weixin"></i>
      </a>
    </div>
    <div class="bottom-nav">
      <div class="nav-line"><img src="./img/横线.png" alt=""></div>
      <dl>
      <dt><strong>男的</strong></dt>
      <dd>&nbsp;</dd>
      <dd><strong>CHUCK TAYLOR ALL STAR</strong></dd>
      <dd><strong>CONVERSE CONS</strong></dd>
      <dd><strong>JACK PURCELL</strong></dd>
      <dd><strong>CHUCK II</strong></dd>
      <dd>&nbsp;</dd>
      <dd>踩的</dd>
      <dd>穿的</dd>
      <dd>戴的</dd>
      <dd>优惠</dd>
    </dl>
    <dl>
      <dt><strong>女的</strong></dt>
      <dd>&nbsp;</dd>
      <dd><strong>CHUCK TAYLOR ALL STAR</strong></dd>
      <dd><strong>CONVERSE CONS</strong></dd>
      <dd><strong>JACK PURCELL</strong></dd>
      <dd><strong>CHUCK II</strong></dd>
      <dd>&nbsp;</dd>
      <dd>踩的</dd>
      <dd>穿的</dd>
      <dd>戴的</dd>
      <dd>优惠</dd>
    </dl>
    <dl>
      <dt><strong>儿童</strong></dt>
      <dd>&nbsp;</dd>
      <dd><strong>CHUCK TAYLOR ALL STAR</strong></dd>
      <dd><strong>CONVERSE CONS</strong></dd>
      <dd>&nbsp;</dd>
      <dd>&nbsp;</dd>
      <dd>&nbsp;</dd>
      <dd>踩的</dd>
      <dd>穿的</dd>
      <dd>戴的</dd>
      <dd>优惠</dd>
    </dl>
    <dl>
      <dt><strong>GLOBAL</strong></dt>
      <dd>&nbsp;</dd>
      <dd><strong>CHUCK TAYLOR ALL STAR</strong></dd>
    
    </dl>
    <dl>
      <dt><strong>我的账户</strong></dt>
      <dd>&nbsp;</dd>
      <dd>会员中心</dd>
      <dd>现有订单</dd>
      <dd>过去订单</dd>
      <dd>退换货</dd>
      <dd>账户设置</dd>
      <dd>地址簿</dd>
      <dd>我的优惠券</dd>
      <dd>我的收藏</dd>
      <dd>我的评论</dd>
    </dl>
    <dl>
      <dt><strong>帮助和购物指南</strong></dt>
      <dd>&nbsp;</dd>
      <dd>账户</dd>
      <dd>订单</dd>
      <dd>尺码</dd>
      <dd>退货和退款</dd>
      <dd>换货</dd>
      <dd>配送</dd>
      <dd>联系我们</dd>
      <dd>常见问题</dd>
    </dl>
    <dl>
      <dd>&nbsp;</dd>
    </dl>
    <dl>
       <dt><strong>NIKE</strong></dt> 
       <dt>&nbsp;</dt>
      <dt><strong>NIKE＋</strong></dt> <dt><strong>JORDAN</strong></dt>
      </dl>
    </div>
    <div class="footer"><ul>
      <li><a href="http://127.0.0.1/kv/hotsale.html">关于我们</a></li>
      <li><a href="">帮助和购物指南</a></li>
      <li><a href="">隐私政策</a></li>
      <li><a href="">使用规则</a></li>
    </ul>
    <div class="footer-logo">
  </div>
  <p class="footer-bottom">@匡威体育用品（中国）有限公司 保留所有权利&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://beian.miit.gov.cn/#/Integrated/index">沪ICP备11044134号-2</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002001667"><img src="./img/beiAn.png">&nbsp;沪公网安备 31011002001667号&nbsp;&nbsp;&nbsp;&nbsp;</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://wap.scjgj.sh.gov.cn/businessCheck/verifKey.do?showType=extShow&serial=9031000020181129112802000003424202-SAIC_SHOW_310000-20160711190436107137&signData=MEYCIQC9HsYxKQLS0Zda9mFwwgVYrMvfSyMwCfNMkHehHAAwMwIhAPE78ZUrn59Vzu+CTF5yVLa3GSbDD+bpmLY3qUEAIrZI"><img src="./img/business-license.png">&nbsp;电子营业执照 </a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://www.converse.com.cn/company-license.htm">公司证照</a></p>
<a class="bottom-num"><img src="./img/cautionIcon.png"></a></div>
  
  </body>
</html>
<script src="./jQuery.js"></script>
<script>
  $("#nav-top").load("./nav.top.html");
</script>
<script>
  let i = 0;
  let timer;
  $(document).ready(function () {
    $(".imgss>li").eq(0).show().siblings(".imgss>li").hide();
    showTime();

    $(".tab").hover(
      function () {
        i = $(this).index();
        Show();
        clearInterval(timer);
      },
      function () {
        showTime();
      }
    );

    $("input1")
      .eq(0)
      .click(function () {
        clearInterval(timer);
        if (i == 5) {
          i = -1;
        }
        i++;
        Show();
        showTime();
      });
    $("input2")
      .eq(1)
      .click(function () {
        clearInterval(timer);
        if (i == 0) {
          i = 5;
        }
        i--;
        Show();
        showTime();
      });

    function showTime() {
      timer = setInterval(function () {
        Show();
        i++;
        if (i == 5) {
          i = 0;
        }
      }, 2000);
    }

    function Show() {
      $(".imgss").find("li").eq(i).fadeIn(500).siblings(".imgss>li").fadeOut(0);
      $(".tab").eq(i).addClass("bg").siblings(".tab").removeClass("bg");
    }
  });
</script>
<script src="./ajax.js"></script>


